const path = require("path");
// cnpm i html-webpack-plugin -D
const HtmlWebpack = require("html-webpack-plugin");
module.exports = {
	// 1- 入口
	entry:"./src/app.js",
	// 2- 出口
	output: {
		path:path.resolve(__dirname,"./build"),// 打包的目录地址
		filename: "my.bundle.js",// 打包的文件名
		clean: true,// 在将打包文件输出之前，先清空目录
		publicPath: "/"
	},
	module:{
		rules:[
			{
				// cnpm i css-loader style-loader -D
				// css-loader:实现对CSS文件的模块化支持
				// style-loader:可以将css放置到style标签中
				// 指定满足规则的条件
				test:/\.css$/,
				// 自右向左
				use:["style-loader","css-loader"]
			}
		]
	},
	plugins: [
		new HtmlWebpack({
			// 指定打包的模板文件地址
			template: path.resolve(__dirname,"./public/index.html"),
			// 打包以后的文件名
			// filename: "home.html"
			// inject: false,// false代表不会将你打包的JS文件放置到html
			inject: "body",// 将打包后的JS文件放置在body标签底部
			hash: true,
			minify:{
				removeAttributeQuotes:true,// 移除双引号
				removeComments:true,// 移除注释
				collapseWhitespace:true,// 移除换行 空行
			}
		})
	],
	mode:"development"
}